import { getToken, setToken, removeToken } from '@/utils/auth'
import { login, getUserInfo, getUserDetailById } from '@/api/user'
import { setTimeStamp } from '@/utils/auth'
import { resetRouter } from '@/router'

export default {
  namespaced: true,
  state: {
    token: getToken(),
    userInfo: {}
  },
  mutations: {
    // 存储token
    setToken(state, token) {
      state.token = token
      // 存入本地session
      setToken(token)
    },

    // 删除token
    removeToken(state) {
      state.token = null // 删除vuex的token
      // 将本地session删除
      removeToken()
    },

    // 存储用户信息
    setUserInfo(state, info) {
      state.userInfo = { ...info }
    },

    // 删除用户信息
    removeUserInfo(state) {
      state.userInfo = {}
    }
  },
  actions: {
    // context 是actions 的固定参数 用来调用mutations里的方法
    async login(context, data) {
      const res = await login(data)
      context.commit('setToken', res)
      setTimeStamp() // 设置登录时的事件戳
      return res
    },

    async vuex_getUserInfo(context) {
      const res = await getUserInfo()
      const res1 = await getUserDetailById(res.userId)
      const result = { ...res, ...res1 }
      context.commit('setUserInfo', result)
      return res
    },

    // 登出的action
    logout(context) {
    // 删除token
      context.commit('removeToken') // 不仅仅删除了vuex中的 还删除了缓存中的
      // 删除用户资料
      context.commit('removeUserInfo') // 删除用户信息
      resetRouter()// 重置路由
      // 加了命名空间的子模块如何调用其他子模块
      context.commit('permission/setRoutes', [], { root: true })
    }

  }
}
